<!DOCTYPE html>
<html class="x-admin-sm">

<head>
<meta charset="UTF-8">
<title>欢迎页面-X-admin2.2</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
<link rel="stylesheet" href="../../css/font.css">
<link rel="stylesheet" href="../../css/xadmin.css">
<script src="../../lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="../../js/xadmin.js"></script>
</head>

<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"><a href="">首页</a> <a href="">订单管理</a>
			<a> <cite>订单详情</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			onclick="location.reload()" title="刷新"> <i
			class="layui-icon layui-icon-refresh" style="line-height: 30px"></i>
		</a>
	</div>
	<div class="layui-fluid">
		<div class="layui-row layui-col-space15">
			<div class="layui-card" style="margin-bottom: 20px">
				<div class="layui-card-header">
					<span th:text="'订单号'+${item.orderNumber}"></span> <span
						style="float: right; color: red" th:text="'订单金额'+${item.orderAmount}"></span>
				</div>
				<div class="layui-card-body">
					<table class="layui-table" lay-skin="line">
						<colgroup>
							<col width="300">
							<col>
							<col>
							<col>
						</colgroup>
						<thead>
							<tr>
								<th>菜品</th>
								<th>数量</th>
								<th>规格名称</th>
								<th>规格</th>
							</tr>
						</thead>
						<tbody>
							<tr th:each="it:${item.goods}">
								<td th:text="${it.name}"></td>
								<td th:text="${it.num}"></td>
								<td th:text="${it.specificationName}"></td>
								<td th:text="${it.specification}"></td>
							</tr>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="4"><span style='color: red' th:text="${item.remarks}"></span></td>
							</tr>
						</tfoot>

					</table>
				</div>
			</div>
		</div>
	</div>
</body>
<script>layui.use(['laydate', 'form','table'],
        function() {
            var laydate = layui.laydate;
			var table = layui.table;
			
            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素
            });
            
            
        });
      </script>

</html>